<template>
	<view class='code'>
		<view>
			<u-navbar :autoBack="true"></u-navbar>
		</view>
		<view class='code-main'>
			<view class='code-msg'>输入6位验证码</view>
			<view class='code-time'>
				<view>验证码已发送至 150 1979 7927</view>
				<view>54s后重发</view>
			</view>
			<view class='code-num'>
				<u-code-input v-model="value3" :maxlength="6"></u-code-input>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
.code{
	width: 100vw;
	height: 100vh;
	background: rgba(255,255,255,0.39);
}
.code-main{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-top:163rpx;
	padding-left:62rpx;
	padding-right: 62rpx;
}
.code-msg{
	font-size: 56rpx;
	font-weight: bold;
	color: #343234;
}
.code-time{
	display: flex;
	align-items: center;
	justify-content:space-between;
	width: 100%;
	padding-top:33rpx;
	font-size: 28rpx;
	font-weight: 400;
	color: #343234;
	opacity: 0.53;
}
.code-num{
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top:83rpx;
}
</style>